<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">

  <link href="https://s3.amazonaws.com/codiqa-cdn/codiqa.ext.css" rel="stylesheet">
  <link href="https://s3.amazonaws.com/codiqa-cdn/mobile/1.4.0/jquery.mobile-1.4.0.css" rel="stylesheet">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  <script src="https://s3.amazonaws.com/codiqa-cdn/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
  <script src="https://s3.amazonaws.com/codiqa-cdn/codiqa.ext.js"></script>

</head>
<body>
<div data-role="page" data-control-title="Opportunities" id="page1">
    <div data-theme="a" data-role="header">
        <h1 class="ui-title">
            Opportunities
        </h1>
    </div>
    <div role="main" class="ui-content">
        <div data-role="collapsible-set">
            <div data-role="collapsible">
                <h3>
                    Berlin Bank 1
                </h3>
            </div>
            <div data-role="collapsible">
                <h3>
                    Berlin Bank 2
                </h3>
            </div>
            <div data-role="collapsible">
                <h3>
                    Berlin Bank 3
                </h3>
                <ul data-role="listview" data-divider-theme="a" data-inset="true">
                    <li data-role="list-divider" role="heading">
                        1: pMPS Proposal
                    </li>
                    <li data-theme="a">
                        <a href="#page2" data-transition="slide">
                            1 Dvice 34% Cust Savings In-progress
                        </a>
                    </li>
                </ul>
            </div>
            <div data-role="collapsible">
                <h3>
                    Berlin Bank 4
                </h3>
            </div>
        </div>
    </div>
    <div data-role="tabbar" data-iconpos="top" data-theme="a">
        <ul>
            <li>
                <a href="#page3" data-transition="fade" data-theme="" data-icon="bars">
                    Account
                </a>
            </li>
            <li>
                <a href="#page4" data-transition="fade" data-theme="" data-icon="star">
                    Reports
                </a>
            </li>
            <li>
                <a href="#" data-transition="fade" data-theme="" data-icon="info">
                    Customers
                </a>
            </li>
            <li>
                <a href="#" data-transition="fade" data-theme="" data-icon="check">
                    Partners
                </a>
            </li>
            <li>
                <a href="#page1" data-transition="fade" data-theme="" data-icon="arrow-u">
                    Opportunity
                </a>
            </li>
        </ul>
    </div>
</div>
<div data-role="page" data-control-title="Proposal" id="page2">
    <div data-theme="a" data-role="header">
        <h1 class="ui-title">
            pMPS Proposal
        </h1>
    </div>
    <div role="main" class="ui-content">
        <div data-role="collapsible-set">
            <div data-role="collapsible">
                <h3>
                    Basic Information
                </h3>
            </div>
            <div data-role="collapsible">
                <h3>
                    Location
                </h3>
            </div>
            <div data-role="collapsible" data-collapsed="false">
                <h3>
                    Proposed customer cost and savings
                </h3>
                <div class="ui-field-contain" data-controltype="slider">
                    <label for="slider1">
                        Value
                    </label>
                    <input id="slider1" type="range" name="slider" value="50" min="0" max="100"
                    data-highlight="false">
                </div>
            </div>
        </div>
    </div>
    <div data-role="tabbar" data-iconpos="top" data-theme="a">
        <ul>
            <li>
                <a href="#page3" data-transition="fade" data-theme="" data-icon="bars">
                    Account
                </a>
            </li>
            <li>
                <a href="#page4" data-transition="fade" data-theme="" data-icon="star">
                    Reports
                </a>
            </li>
            <li>
                <a href="#" data-transition="fade" data-theme="" data-icon="info">
                    Customers
                </a>
            </li>
            <li>
                <a href="#" data-transition="fade" data-theme="" data-icon="check">
                    Partners
                </a>
            </li>
            <li>
                <a href="#page1" data-transition="fade" data-theme="" data-icon="arrow-u">
                    Opportunity
                </a>
            </li>
        </ul>
    </div>
</div>
<div data-role="page" data-control-title="Account" id="page3">
    <div data-theme="a" data-role="header">
        <h1 class="ui-title">
            Account Activities
        </h1>
    </div>
    <div role="main" class="ui-content">
        <ul data-role="listview" data-divider-theme="a" data-inset="true">
            <li data-role="list-divider" role="heading">
                Onboarding
            </li>
            <li data-theme="a">
                <a href="#page1" data-transition="slide">
                    All Customer
                </a>
            </li>
            <li data-theme="a">
                <a href="#page1" data-transition="slide">
                    My Customer
                </a>
            </li>
            <li data-role="list-divider" role="heading">
                Other links
            </li>
            <li data-theme="a">
                <a href="#page1" data-transition="slide">
                    Users
                </a>
            </li>
            <li data-theme="a">
                <a href="#page1" data-transition="slide">
                    Company details
                </a>
            </li>
            <li data-theme="a">
                <a href="#page1" data-transition="slide">
                    Autorization level
                </a>
            </li>
        </ul>
    </div>
    <div data-role="tabbar" data-iconpos="top" data-theme="a">
        <ul>
            <li>
                <a href="#page3" data-transition="fade" data-theme="" data-icon="bars">
                    Account
                </a>
            </li>
            <li>
                <a href="#page4" data-transition="fade" data-theme="" data-icon="star">
                    Reports
                </a>
            </li>
            <li>
                <a href="#" data-transition="fade" data-theme="" data-icon="info">
                    Customers
                </a>
            </li>
            <li>
                <a href="#" data-transition="fade" data-theme="" data-icon="check">
                    Partners
                </a>
            </li>
            <li>
                <a href="#page1" data-transition="fade" data-theme="" data-icon="arrow-u">
                    Opportunity
                </a>
            </li>
        </ul>
    </div>
</div>
<div data-role="page" data-control-title="Reports" id="page4">
    <div data-theme="a" data-role="header">
        <h1 class="ui-title">
            Reports
        </h1>
    </div>
    <div role="main" class="ui-content">
        <ul data-role="listview" data-divider-theme="a" data-inset="true">
            <li data-role="list-divider" role="heading">
                Print reports
            </li>
            <li data-theme="a">
                <a href="#page1" data-transition="slide">
                    Opportunities
                </a>
            </li>
            <li data-theme="a">
                <a href="#page1" data-transition="slide">
                    Opportunity pipelines
                </a>
            </li>
            <li data-theme="a">
                <a href="#page1" data-transition="slide">
                    My Opportunity pipelines
                </a>
            </li>
        </ul>
    </div>
    <div data-role="tabbar" data-iconpos="top" data-theme="a">
        <ul>
            <li>
                <a href="#page3" data-transition="fade" data-theme="" data-icon="bars">
                    Account
                </a>
            </li>
            <li>
                <a href="#page4" data-transition="fade" data-theme="" data-icon="star">
                    Reports
                </a>
            </li>
            <li>
                <a href="#" data-transition="fade" data-theme="" data-icon="info">
                    Customers
                </a>
            </li>
            <li>
                <a href="#" data-transition="fade" data-theme="" data-icon="check">
                    Partners
                </a>
            </li>
            <li>
                <a href="#page1" data-transition="fade" data-theme="" data-icon="arrow-u">
                    Opportunity
                </a>
            </li>
        </ul>
    </div>
</div>
</body>
</html>